<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery.3.6.3.js"></script>
		<script>
			/*
			基本选择器
				标签选择器
					p
				ID选择器
					#id  #box
				类选择器
					.class  .app
			层次选择器
			 */
			// window.onload = function(){
			// 	document.getElementById("box").style.backgroundColor = "blue";
			// }
			
			$(function(){
				//标签选择器
				// $("div").css("background-color","green");
				//ID选择器
				// $("#box").css("background-color","blue");
				//类选择器
				$(".app").css("background-color","green");
				
				
			});
			
			
		</script>
		<style>
			p{
				font-size: 40px;
			}
			div{
				font-size: 60px;
			}
			#box{
				border: 4px solid red;
			}
			.app{
				background-color: red;
			}
		</style>
	</head>
	<body>
		<p id="box">好好学习天天向上</p>
		<div class="app">好好学习天天向上</div>
	</body>
</html>